<!--
 * @Author: your name
 * @Date: 2020-07-31 18:58:57
 * @LastEditTime: 2020-08-01 14:46:47
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \H52002-VueMobile-accp\honeybud\src\views\indent.vue
--> 
<template>
    <div class="indent">
       <section>
        <van-nav-bar title="我的订单" @click-left="onClickLeft" left-text="返回" left-arrow>
            <template #right>
            <router-link to='/search' tag="i"><van-icon name="search" size="18" /></router-link>
            </template>
        </van-nav-bar>
        <van-tabs v-model="activeName">
            <van-tab title="全部" name="all">
                <GoodsItem />
                <GoodsItem />
                <GoodsItem />
                <GoodsItem />
            </van-tab>
            <van-tab title="待付款" name="payment">待付款</van-tab>
            <van-tab title="代发货" name="shipments">代发货</van-tab>
            <van-tab title="待收货" name="Receiving">待收货</van-tab>
        </van-tabs>
    </section>
    </div>
</template>

<script>
import GoodsItem from 'components/GoodsItem'
import BScroll from "better-scroll";
    export default {
         data() {
            return {
            activeName: 'all',
            };
        },
        components: {
            GoodsItem,
        },
        methods: {
            onClickLeft() {
                console.log(1)
                this.$router.push('/home/profile')
            },
        },
        mounted() {
    this.bscroll = new BScroll(".indent",{
      scrollY: true,
      momentum: true,
      click:true,
      probeType: 3
    });

  }
    }
</script>

<style lang="stylus" scoped>
.indent{
    height: 673px;
    background: #f6f6f6;
}
</style>